﻿/*
	
	PRIMO T.O.C
	
	=RESET
	=GENERAL
	=LAYOUT
	=PAGES
		=HOME
			=slideshow-index
			=slideshow-clients
		=ABOUT
		=SERVICES
			=service-overview
			=price-table
			=hasicon
		=PORTFOLIO
			=portfolio-filter
			=portfolio-overview
			=portfolio-pagination
			=slideshow-portfolio
			=view-project
		=BLOG
			=blog-overview 
			=blog-post
			=blog-navigation
			=blog-post-comment
		=CONTACT

*/

/* =RESET
-----------------------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption
{
    margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline
}
body
{
    line-height:1;color:black;background:white
}
ol,ul
{
    list-style:none
}
table
{

}/* tables still need 'cellspacing="0"' in the markup */
caption
{
    text-align:left;font-weight:normal
}
blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/* =GENERAL
-----------------------------------------------------------------------------------------------*/
	
	body{ 
	
		background:#D8D7D2 url(images/bg-body.png) repeat top left;
		font:13px/20px 'Droid Sans', Arial, sans-serif;
		font-weight:300;
		color:#555;
	}

	/* =headings
	-------------------------------------------------------------- */
	
	h1,h2,h3,h4,h5,h6{ color:#333; }
	
	h1{ font-size:25px; line-height:32px; margin-bottom:15px; }
	h2{ font-size:23px; line-height:25px; margin-bottom:15px; }
	h3{ font-size:18px; line-height:22px; margin-bottom:10px;  }
	h4{ font-size:16px; line-height:17px; margin-bottom:10px;  }
	h5{ font-size:14px; line-height:15px; margin-bottom:8px; text-transform:uppercase; }
	h6{ font-size:13px; line-height:14px; margin-bottom:8px; text-transform:uppercase; }
	
	h1, h2, h3, h4, h5, h6{ font-family: 微软雅黑; }
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
	
	/* =text-elements
	-------------------------------------------------------------- */
	
	a{ color:#0073BF; text-decoration:none; }
	a:hover{   }
	a img{ border:none; }
		
	strong{ font-weight: bold; color:#333; }
	em{ font-style: italic; }
	
	p, ul, ol, pre, code{ margin-bottom:20px; }
	
	p.last, ul.last, h1.last, h2.last, h3.last, h4.last, h5.last, h6.last{ margin-bottom:0; }
				
	ul{ list-style-type:circle; list-style-position:inside; }
	ul.checklist{ list-style-image:url(images/bg-checklist.png); }
	
	ol{ list-style-type:decimal; list-style-position:inside; }
	
	blockquote{ padding:1px 20px 5px 60px; line-height:24px; background: url(images/bg-blockquote.png) no-repeat top left; color:#999999; }
	blockquote span{ color:#666666; }
	
		.blockquote-left{ width:200px; float:left; }
		.blockquote-right{ width:200px; float:right; }					 
				 
	pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }

	/* due to IE <HR> margin bugs I had to made a class and apply it to a div to achieve the effect of a <HR> */
	hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }
	
	.hr{ border-top:1px solid #efefef; margin:30px 0; }
	
	
	/* =tables
	-------------------------------------------------------------- 
	
	table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; border:1px solid #999999;  }
	th{ padding:10px 15px; text-transform:uppercase; font-weight:bold; }
	td{ border:1px solid #999999; }
	tr.alt{ background-color:#f5f5f5; }

	=forms-messages
	-------------------------------------------------------------- */
	
	label{ font-weight:bold; color:#000000; }
		label span.required{ color:#ff0000; }
	
	fieldset{ padding:25px; margin:0 0 20px 0; border:1px solid #efefef; }
	legend{ font-weight: bold; }
	form p{ margin-bottom:10px; }
	
	input[type=text], input[type=password], input.text, textarea{ background-color:#ffffff; border:1px solid #e1e1e1; }
	input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#cccccc; }
	select{ border-width:1px; border-style:solid; background-color:#ffffff;  }
	
	input[type=text], input[type=password], input.text, textarea, select{ margin:5px 0; }
	
	input.text{ width:250px; padding:5px; }
	textarea{ width:380px; height:125px; padding:5px; }

	.errormsg, .successmsg, .infomsg, .noticemsg{ padding:10px 10px 10px 40px; margin-bottom:10px; border:1px solid #dddddd; border-left-width:5px; }
	.errormsg{ border-color:#fbc2c4; background:#fbe3e4 url(images/bg-msg.png) no-repeat 0 0; color:#8a1f11; }
	.errormsg a{ color:#8a1f11; }
	.successmsg{ border-color:#c6d880; background:#e6efc2 url(images/bg-msg.png) no-repeat 0 -220px; color:#264409; }
	.successmsg a{ color:#264409; }
	.infomsg{ border-color:#92cae4; background:#d5edf8 url(images/bg-msg.png) no-repeat 0 -72px; color:#205791; }
	.infomsg a{ color:#205791; }
	.noticemsg{ border-color:#ffd324; background:#fff6bf url(images/bg-msg.png) no-repeat 0 -148px; color:#514721; }
	.noticemsg a{ color:#514721; }

	/* =default-classes
	-------------------------------------------------------------- */
	
	.img-align-left{ margin:5px 10px 0 0; float:left; }
	.img-align-right{ margin:5px 0 0 10px; float:right; }
	
	.text-right{ text-align:right; }
	.text-center{ text-align:center; }
	
	.text-highlight{ padding:2px 5px; background-color:#D5EDF8; color:#111111; }
	.text-highlight2{ padding:2px 5px; background-color:#FFF6BF; color:#111111; }

	.bordered{ padding:20px; border:1px solid #efefef; }
	
	.float-left{ float:left; }
	.float-right{ float:right; }

	/* =grid
	-------------------------------------------------------------- */

	/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
	.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
		.fixed{display:block;}
		/*  \*/
		.fixed{min-height:1%;}
		* html .fixed{height:1%;}
			
	.row{}
		
		.col145{ width:145px; float:left; margin-right:20px; }
		.col180{ width:180px; float:left; margin-right:20px; }
		.col205{ width:205px; float:left; margin-right:20px; }
		.col280{ width:280px; float:left; margin-right:20px; }
		.col430{ width:430px; float:left; margin-right:20px; }
		.col580{ width:580px; float:left; margin-right:20px; }
		.col655{ width:655px; float:left; margin-right:20px; }

		.last{ margin-right:0px; }
		.clear{ clear:both; }


/* =LAYOUT
-----------------------------------------------------------------------------------------------*/


#wrap{ width:880px; margin:50px auto; border-top:10px solid #f9f9f9; padding:0 60px; background-color:#ffffff; 
	  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px rgba(0,0,0,0.3); }
	
	.ie7 #wrap{ margin:0 auto; }
	.ie7 body{ padding:50px 0; }
	
	#header{ position:relative; z-index:10; /* IE6 and IE7 z-index bug fix*/ 
			 padding-top:40px;
			 font-family:微软雅黑;  }  

		#logo-header-widget-1{ margin-bottom:20px; }
		
			/* =logo
			-----------------------------------------------------------------------------------------------*/
			
			#logo{ display:block; float:left; }
			#logo img{ display:block; }
			
			/* =header-widget-1
			-----------------------------------------------------------------------------------------------*/
			
			#header-widget-1{ float:right; margin-top:10px; }
		
		
		#menu-header-wigdet-2{ margin:0 -60px; width:880px; border-top:1px dotted #f0f0f0; padding:15px 60px 0 60px; }
		
			/* =dropdown-menu
			-----------------------------------------------------------------------------------------------*/
	
			/* level 1 menu */
			ul#dropdown-menu{  list-style:none;  margin-bottom:0;   }		  
			ul#dropdown-menu li{ float: left; }
			
			ul#dropdown-menu li a{ display: block; padding:5px 20px 20px 0; margin-right:20px;  
								   color:#666; font-family: 微软雅黑; text-transform:uppercase;   }	
			ul#dropdown-menu li.last > a{ padding-right:0; }
										   
			ul#dropdown-menu li.hover, ul.dropdown-menu li:hover{ position: relative; text-decoration:none;  }
			
			ul#dropdown-menu li.hover a{ text-decoration:none; } /* LEVEL 1 menu item styling ON HOVER */		
			ul#dropdown-menu li.current > a{ color:#333;  }		/* styling of LEVEL 1 menu item that is current */						   							   
			
				/* level 2 menu */
				ul#dropdown-menu ul{ width:170px; position:absolute; top:100%; left:-10px;  list-style:none; display:none; 
									 background-color:#ffffff; border:1px solid #f0f0f0; border-bottom:1px solid #ddd; z-index:15;  }	
												 
				ul#dropdown-menu ul li{ width:170px; }	
							
				ul#dropdown-menu li .sub-menu li > a{ width:150px; display: inline-block; border:none; border-bottom:1px solid #fff; padding:5px 10px;   /* LEVEL 2 menu element styling  */ 
													font-weight:normal; text-transform:none; font-size:13px; font-family:微软雅黑;  } /* IE 6 and 7 Needs Inline Block */
					  
				ul#dropdown-menu li .sub-menu li > a:hover{ background-color:#f9f9f9; text-decoration:none; border-bottom-color:#f0f0f0; } /* LEVEL 2 menu item styling ON HOVER */
				
				ul#dropdown-menu li .sub-menu li:last-child > a:hover{ border-bottom-color:#f9f9f9; } /* LAST LEVEL 2 menu item styling */
	
					/* level 3 menu */
					ul#dropdown-menu ul ul{ left:100%; top:-1px; }
					ul#dropdown-menu li:hover > ul{ visibility:visible; }
					
					ul#dropdown-menu ul ul li > a{ border-bottom:1px solid #fff; border-bottom:none; } /* LEVEL 3 menu styling */
					
			.arrow{ background:url(images/bg-sidenav.gif) no-repeat 155px 12px; }
			
			/* =header-widget-2
			-----------------------------------------------------------------------------------------------*/
			
			#header-widget-2{}
			
				/* =search
				-----------------------------------------------------------------------------------------------*/
			
				#search fieldset{ position:relative; border:none; margin:0; padding:0; }
				#search-input{ width:185px; padding:7px 10px; margin:0;  font-size:12px; color:#ccc; background-color:#fff; border:none; border:1px solid #f1f1f1;  }
				#search-input:focus{ color:#666;  }
				#search .search-submit-btn
				{ 
				    position:absolute; top:8px; right:5px; height:18px; width:18px; outline:none;
					background:url(images/bg-search.png) no-repeat top left; cursor:pointer; border:none; 
				}


	#content{ position:relative; z-index:5;  /* IE6 and IE7 z-index bug fix*/ 
			  padding-bottom:40px; min-height:600px; }

		
		#page-header{ position:relative; margin:0 -60px 35px -60px; width:1000px; height:180px; overflow:hidden; }		  
			#page-header img{ position:absolute; top:0; left:0; z-index:10; }	  
		
		
		/* =pdf
		-----------------------------------------------------------------------------------------------*/
		
		.pdf{ background:url(images/bg-pdf.png) no-repeat 0px 2px; padding:4px 10px 0px 55px; min-height:48px; margin-bottom:10px; }
		.doc{ background:url(images/bg-pdf.png) no-repeat 0px 2px; padding:4px 10px 0px 55px; min-height:48px; margin-bottom:10px; }
		
		
		/* =side-nav
		-----------------------------------------------------------------------------------------------*/
		
		.side-nav{ list-style-type:none; list-style-position:outside; border-top:1px solid #f0f0f0; margin-bottom:20px; }
		.side-nav li{ border-bottom:1px solid #f0f0f0; }
		.side-nav li a:hover{ }
		.side-nav li a{ display:block; padding:10px 0 10px 10px; }
		.side-nav li.current a{ color:#000000; }
		.side-nav li.current a:hover{ text-decoration:none; }
		
		
		/* =accordion
		-----------------------------------------------------------------------------------------------*/
		
		.accordion { list-style-type: none;   }
		.accordion li { float: left; display: block; width:100%; border-top:1px solid #f0f0f0; margin-bottom:0;   }
		.accordion li.current>a { background: url(images/bg-accordion.png) no-repeat left 14px; color:#555;  }
		.accordion li.last{ border-bottom:1px solid #f0f0f0;}
		.accordion li:hover{ background-color:#f9f9f9; }
		.accordion li.current{ background-color:#f9f9f9; }
		.accordion li div { padding:0px 30px; background-color:#f9f9f9; }
		.accordion li >a{ text-decoration: none; display: block; cursor: pointer; background: url(images/bg-accordion.png) no-repeat left -46px; 
						padding:13px 0px 13px 30px; font-family:微软雅黑; }	


		/* =tabs
		-----------------------------------------------------------------------------------------------*/
		
		.tabs-menu{ margin-bottom:0; list-style:none; border-bottom:1px solid #efefef; }
		.tabs-menu li{ display:inline; }
		.tabs-menu li a{ float:left; padding:10px 20px; display:block; margin-bottom:-1px;  }
		.tabs-menu li.current a{  border:1px solid #efefef; border-bottom-color:#fff;  color:#666; }
		.tabs-content{ padding-top:30px; }
		
		
		
	#footer{ width:880px; margin:0 -60px; border-top:1px solid #f0f0f0; padding:40px 60px; background-color:#f9f9f9;  }
		
		#footer h6{ margin-bottom:20px; }

		#footer-widget-1{}
		#footer-widget-2{}
		#footer-widget-3{}	
		#footer-widget-4{}
		#footer-widget-5{}
		#footer-widget-6{}
		
		/* =footer-nav
		-----------------------------------------------------------------------------------------------*/
		
		.footer-nav{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
		.footer-nav a{ }
		.footer-nav a.sub-nav{  }
		
		/* =newsletter-subscribe
		-----------------------------------------------------------------------------------------------*/
		
		.newsletter-subscribe-msg{ margin-bottom:15px; }
		
		#newsletter-subscribe{ padding-bottom:5px; margin-bottom:0; }
		#newsletter-subscribe fieldset{ border:none; margin:0; padding:0; position:relative; }
		#subscribe-email{ margin:0; padding:5px; height:15px; width:192px; font-size:12px; color:#888; }
		#subscribe-email:focus{ color:#666666; }
		#newsletter-subscribe .subscribe-submit-btn{ position:absolute; top:1px; right:2px; padding:0 5px 0 5px; width:55px;
													 height:25px; cursor:pointer; border: none; background-color:#e6e6e6; color:#555; }
		
		.ie7 #newsletter-subscribe .subscribe-submit-btn{ top:2px; }
		.ie7 #subscribe-email, .ie8 #subscribe-email{ border:1px solid #cccccc; }

		/* =social-media
		-----------------------------------------------------------------------------------------------*/
		
		#social-media{ list-style-type:none; margin-bottom:0; float:left; margin-left:15px; }
		#social-media li{ float:left; }
		#social-media li a{ display:block; float:left; padding-right:10px; }
		#social-media li img{ display:block; float:left; margin-right:5px; margin-top:1px; }

		

/* =PAGES
-----------------------------------------------------------------------------------------------*/	
			
			
	/* =HOME
	-----------------------------------------------------------------------------------------------*/				
			
				
		/* =slideshow-index
		-----------------------------------------------------------------------------------------------*/
		
		#slideshow-index{ position:relative; z-index:10; margin-bottom:35px; }
		
			#slideshow-index ul{ position:relative; width:1000px; height:360px; overflow:hidden; margin:0 -60px; list-style:none; z-index:10; }
			#slideshow-index ul li{ width:1000px; height:360px; position:relative; }
			#slideshow-index ul li img{ position:absolute; top:0; left:0; z-index:15; }
			
			#slideshow-index .slidetext{ position:absolute; bottom:30px; left:60px; overflow:hidden; width:230px; padding:25px; background:url(images/bg-slider.png) repeat top left; z-index:20; }
				
				.slidetext h3{ color:#fff; }
				.slidetext p{ margin-bottom:0; color:#ccc; }							  
				.slidetext a{ color:#ffffff; }
				.slidetext a:hover{ text-decoration:underline; }	

 		#index-slideshow-pager{ width:200px; text-align:right; z-index:35; position:absolute; right:20px; bottom:22px;  }				  
		#index-slideshow-pager a{ display:inline-block; width:14px; height:14px; margin-left:1px; background:url(images/bg-pager.png) no-repeat 0 0; 
								   text-align:left; outline-style:none; text-indent:-9999px; }
		#index-slideshow-pager .activeSlide{ background:url(images/bg-pager.png) no-repeat 0 -64px; }
 
 
 		/* =slideshow-clients
		-----------------------------------------------------------------------------------------------*/
 
 		#slideshow-clients{ position:relative; z-index:10; margin:30px 0; padding:30px; border:1px solid #efefef; }
 		
		#slideshow-clients ul{ position:relative; width:819px; height:70px; overflow:hidden; list-style:none; margin-bottom:0; }
 		#slideshow-clients ul li{ position:relative; width:819px; height:70px;  z-index:10; }
		#slideshow-clients ul li img{ float:left; margin-right:30px; z-index:15; }
		#slideshow-clients ul li blockquote{ float:left; width:609px; padding:0; z-index:15; background:none;  }
	
	
	
	/* =ABOUT
	-----------------------------------------------------------------------------------------------*/	
	
	
	
	/* =SERVICES
	-----------------------------------------------------------------------------------------------*/
	
	
		/* =service-overview
		-----------------------------------------------------------------------------------------------*/
		
		.service-overview{ margin:30px 0; border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding:30px 0;  }
		
		.service-overview h5{ }
		.service-overview img{ display:block; margin:0 -21px; }
		
		.service-overview ul{ list-style-type:none; list-style-position:outside; margin-bottom:0;  }
		.service-overview li{ float:left; margin-right:20px; margin-top:20px; width:238px; border:1px solid #efefef; border-bottom:none; padding:30px 20px 0 20px; cursor:pointer; }
		.service-overview li.last{ margin-right:0; }

		
		/* =price-table
		-----------------------------------------------------------------------------------------------*/
		
		.price-table{ margin-bottom: 20px; }
		.price-table h3{ margin-bottom:0px; }		
		.price-table .border-left{ border-left:solid 1px #efefef; }
	
	
		/* =hasicon
		-----------------------------------------------------------------------------------------------*/
		
		.hasicon{  margin-bottom:10px; line-height:20px; vertical-align:middle; }
		.hasicon img{ float:left; margin-right:10px; }	
		
	
	
	/* =PORTFOLIO
	-----------------------------------------------------------------------------------------------*/
	
	
		/* =portfolio-filter ( main portfolio page )
		-----------------------------------------------------------------------------------------------*/

		#portfolio-filter{ list-style:none;  margin-bottom:0; }		  
		#portfolio-filter li{ float: right; }
		#portfolio-filter li a{ display: block; padding:10px 30px 10px 20px; width:140px; border:1px solid #efefef;   
							      font-family: 微软雅黑; text-transform:uppercase; background: url(images/bg-portfolio-filter.png) no-repeat right center; }						   
		#portfolio-filter li.hover, ul.portfolio-filter li:hover{ position: relative; text-decoration:none;   }
		#portfolio-filter li.hover a{ text-decoration:none; }					   							   
		#portfolio-filter ul{ width:190px; position:absolute; top:100%; left:0px;  list-style:none; display:none; 
							    background-color:#ffffff; border:1px solid #f0f0f0; border-top:none; border-bottom:1px solid #ddd; z-index:20; }						 
		#portfolio-filter ul li{ width:190px; }	
		#portfolio-filter li .filter-options li > a{ width:150px; display: inline-block; border:none; border-bottom:1px solid #fff; padding:5px 20px;   
													   font-weight:normal; text-transform:none; font-size:13px; background:none;  } 
		#portfolio-filter li .filter-options li > a:hover{ background-color:#f9f9f9; text-decoration:none; border-bottom-color:#f0f0f0; }
		#portfolio-filter li .filter-options li:last-child > a:hover{ border-bottom-color:#f9f9f9; } 
		
		
		/* =portfolio-overview ( main portfolio page )
		-----------------------------------------------------------------------------------------------*/
		
		.portfolio-overview{}

			.portfolio-overview ul{ list-style-type:none; list-style-position:outside; margin-bottom:-30px; }
			.portfolio-overview li{ float:left; margin:0 20px 30px 0; width:238px; border:1px solid #efefef; border-top:none; 
									padding:0 20px 30px 20px; background:url(images/bg-fade.png) no-repeat top center; text-align:center; cursor:pointer; }
			.portfolio-overview li.last{ margin-right:0; }
			
				.portfolio-overview h5{ text-transform:none; }
				.portfolio-overview p{ margin-bottom:0; }
				.portfolio-overview img{ margin:0 -21px 20px -21px; display:block; }
		
		
		/* =portfolio-pagination ( main portfolio page )
		-----------------------------------------------------------------------------------------------*/
		
		.pagination{ list-style:none; margin-bottom:0; float:right; }
		
			.pagination li{ float:left; border-right:1px dotted #ccc; padding:5px 15px; }
			.pagination li.first{ padding-left:0; }
			.pagination li.last{ border-right:none; padding-right:0; }
			.pagination li.current a{ color:#000000; }	
			
				.pagination li a{ display:block; }
		
		
		/* =slideshow-portfolio ( single portfolio item )
		-----------------------------------------------------------------------------------------------*/
		
		#slideshow-portfolio{ position:relative; margin-bottom:30px; }
		
			#slideshow-portfolio ul{ position:relative; width:880px; height:350px; overflow:hidden; margin-bottom:0; list-style:none; }
			#slideshow-portfolio ul li{ width:880px; height:350px; position:relative; }
			#slideshow-portfolio ul li img{ position:absolute; top:0; left:0; }
		
		#slideshow-portfolio-pager{ width:200px; text-align:right; z-index:35; position:absolute; right:40px; bottom:20px;  }				  
			
			#slideshow-portfolio-pager a{ text-align:left; background:url(images/bg-pager.png) no-repeat 0 0; display:inline-block; 
								width:14px; height:14px; margin-left:1px; outline-style:none; text-indent:-9999px; }
			#slideshow-portfolio-pager .activeSlide{ background:url(images/bg-pager.png) no-repeat 0 -64px; }
		
		
		/* =view-project ( single portfolio item )
		-----------------------------------------------------------------------------------------------*/
		
		.view-project{ border:1px solid #efefef; padding:10px 30px 10px 20px; width:140px; display:block; float:right; margin-top:6px; text-transform:uppercase; background: url(images/bg-view-project.png) no-repeat right center; }
		.view-project:hover{ background-color:#f9f9f9; }	
			
			
			
	/* =BLOG
	-----------------------------------------------------------------------------------------------*/
	 
	 
	 	/* =blog-overview   ( index page + blog sidebar ) 
		-----------------------------------------------------------------------------------------------*/
						
		.blog-overview{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
		
			.blog-overview li{ border-bottom:1px solid #f0f0f0; padding:10px 0; }
			.blog-overview li.first{ padding-top:0; }
			.blog-overview li.last{ border-bottom:none; padding-bottom:0;  }
			
			.blog-overview li img{ float:left; margin-right:10px; }
			.blog-overview li .date{ float:left; border:1px solid #f0f0f0; border-right:none; padding:2px; text-align:center;  }
				.blog-overview li .date span{ display:block; margin-top:2px; background-color:#efefef; padding:1px 5px; font-size:10px; font-weight:bold; color:#777; text-transform:uppercase; }
		
		
		/* =blog-post
		-----------------------------------------------------------------------------------------------*/
		
	 	.blog-post{ position:relative;  padding: 0 15px 0 35px; }

			.blog-post-title{ margin:0 0 30px -35px; border-bottom:1px solid #f9f9f9; padding-bottom:20px; }
				
			.blog-post-date{ position:absolute; left:0; top:73px; width:30px; border:1px solid #f0f0f0; border-right:none; padding:2px; text-align:center; }
				.blog-post-date span{ display:block; margin-top:2px; padding:1px 5px; background-color:#efefef; color:#777; text-transform:uppercase; }
			
			.blog-post-thumb{ }
			
			.blog-post-info{ list-style-type:none; list-style-position:outside; border-bottom:1px solid #f9f9f9; margin-bottom:15px; padding:10px 0; }
				.blog-post-info li{ float:left; margin-right:15px; padding:1px 0 1px 25px; }
				.blog-post-info	.author{ background:url(images/bg-author.png) no-repeat 0px 2px; }
				.blog-post-info	.categories{ background:url(images/bg-categories.png) no-repeat 0px 3px; } 
			
			.blog-post-comments{ float:left; margin:0 10px 0 0; padding:5px 0 5px 25px; background:url(images/bg-comments.png) no-repeat 0px 7px; }
			.blog-post-readmore{ float:left; margin-bottom:0; padding:5px 0 5px 10px; }
				.blog-post-comments + .blog-post-readmore{ border-left:1px solid #f5f5f5;  }
		
		
		/* =blog-navigation
		-----------------------------------------------------------------------------------------------*/
		
		.blog-navigation{}
		
		
		/* =blog-post-comment  ( blog post page comment section )
		-----------------------------------------------------------------------------------------------*/
		
		.blog-post-comment{ margin-top:20px; border-bottom:1px solid #efefef; padding-bottom:10px; }
			.blog-post-comment .who{ margin-bottom:10px; }
			.blog-post-comment .who span{ color:#999; }
			.blog-post-comment .bordered{ margin:0 20px 0 0; padding:5px; }
			.blog-post-comment-reply{ margin-left:90px; }
		
		
		
	/* =CONTACT
	-----------------------------------------------------------------------------------------------*/			
			
		#contact-form{}
		#contact-form fieldset{ margin:0; padding:15px 0 15px 0; }
		#contact-form p{ padding:5px 0 5px 25px; margin:1px; }
		#contact-form p#formstatus{ border:none; border-bottom:1px solid #efefef; padding-right:25px; margin-bottom:10px; }	
